
<style>	
	button {
		display: inline-block;
		padding: 6px 12px;
		line-height: 1.4;
		text-align: center;
		border: 1px solid transparent;
		border-radius: 4px;
		color: #fff;
		background-color: #1976D2;
		border-color: #46b8da;
		cursor: pointer;
		font-size: 15px;
	}
	
	.container {
		width: 1080px;
		height: 600px;
		position: absolute;
		top: 0;
		left: 0;
		right: 0;
		bottom: 0;
		margin: auto;
	}
	
	.demo1 {
		width: 48%;
		height: 100%;
		float: left;
		padding: 20px;
		border: 1px dashed #fff;
		border-radius: 4px;
		box-sizing: border-box;
		position: relative;
	}
	.slider{
		float:left;
	}
	.btns,
	.slider,
	.result {
		margin-bottom: 0px;

	}
	
	pre {
		font-size: 13px;
	}
</style>

</head>
<body>

<div id="slider1" class="slider" style="margin-bottom: 15px"></div>
<input type="hidden" id="yz" name="yzm" value="false">
	
<script>
	$("#slider1").slider({
		callback: function(result) {
		document.getElementById('yz').value=result;
			$("#yz").val(result);
		}
	});

</script>

